import { useState } from "react"

import "@Styles/jinritemai.scss"

import { Button, Drawer, Icon } from "@bytedance/mona-ui"
import doudianstyle from "@Styles/doudianstyle.scss"

import type { PlasmoGetStyle } from "plasmo"

export const getStyle: PlasmoGetStyle = () => {
  const style = document.createElement("style")
  style.textContent = doudianstyle
  return style
}

function IndexPopup() {
//   const [data, setData] = useState("")
  function gotoHome() {
    window.open("https://fxg.jinritemai.com/ffa/mshop/homepage/index", "_blank")
  }
  return (
    <div
      style={{
        display: "flex",
        flexDirection: "column",
        padding: 16,
        width: "200px"
      }}>
      {/* <input onChange={(e) => setData(e.target.value)} value={data} />
      <footer>Crafted by @PlamoHQ{data}</footer> */}
      <Button type="primary" onClick={() => gotoHome()}>
        前往抖店后台
      </Button>
    </div>
  )
}

export default IndexPopup
